﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <link href="../../css/web-icons-master/css/web-icons.css" rel="stylesheet" />
    <!--样式-->
    <link href="../../css/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="../../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../css/core.css" rel="stylesheet" />
    <link href="../../css/site.css" rel="stylesheet" />

    <link rel="stylesheet" href="http://cdn.admui.com/demo/iframe/1.1.0/css/examples/components/basic/icon.css">

</head>

<body>
    <div class="page">
        <div class="page-header">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="../icons.html">矢量图标</a>
                </li>
                <li class="breadcrumb-item active">Font Awesome</li>
            </ol>
            <div class="page-header-actions">
                <a class="btn btn-default btn-outline btn-round" href="http://fontawesome.io" target="_blank">
                    <i class="icon wb-link" aria-hidden="true"></i> 官网</a>
            </div>
        </div>
        <div class="page-content container-fluid">
            <div class="py-30 text-center">
                <h2>图标搜索</h2>
                <form role="search">
                    <div class="input-search">
                        <input type="text" class="form-control round" placeholder="搜索图标...">
                        <button type="submit" class="input-search-btn">
                                    <i class="icon wb-search" aria-hidden="true"></i>
                                </button>
                    </div>
                </form>
                <div class="icon-slider-bar">
                    <div class="slider slider-horizontal" id="">
                        <div class="slider-track">
                            <div class="slider-track-low" style="left: 0px; width: 0%;"></div>
                            <div class="slider-selection" style="left: 0%; width: 16.6667%;"></div>
                            <div class="slider-track-high" style="right: 0px; width: 83.3333%;"></div>
                        </div>
                        <div class="tooltip bs-tooltip-top tooltip-main top show" role="presentation" style="left: 16.6667%;">
                            <div class="arrow"></div>
                            <div class="tooltip-inner">24</div>
                        </div>
                        <div class="tooltip tooltip-min top" role="presentation" style="display: none;">
                            <div class="arrow"></div>
                            <div class="tooltip-inner"></div>
                        </div>
                        <div class="tooltip tooltip-max bottom" role="presentation" style="top: 18px; display: none;">
                            <div class="arrow"></div>
                            <div class="tooltip-inner"></div>
                        </div>
                        <div class="slider-handle min-slider-handle round" role="slider" aria-valuemin="16" aria-valuemax="64" aria-valuenow="24" tabindex="0" style="left: 16.6667%;"></div>
                        <div class="slider-handle max-slider-handle round hide" role="slider" aria-valuemin="16" aria-valuemax="64" aria-valuenow="16" tabindex="0" style="left: 0%;"></div>
                    </div><input id="iconChange" class="icon-slider" type="text" data-plugin="bootstrapSlider" data-slider-min="16" data-slider-max="64" data-slider-step="1" data-slider-value="24" data-slider-tooltip="always" data-value="24" value="24" style="display: none;">
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">网页常用图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="address-book">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-address-book" aria-hidden="true"></i>
                                <div class="icon-title">address-book</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="address-book-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-address-book-o" aria-hidden="true"></i>
                                <div class="icon-title">address-book-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="address-card">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-address-card" aria-hidden="true"></i>
                                <div class="icon-title">address-card</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="address-card-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-address-card-o" aria-hidden="true"></i>
                                <div class="icon-title">address-card-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="adjust">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-adjust" aria-hidden="true"></i>
                                <div class="icon-title">adjust</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="american-sign-language-interpreting">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-american-sign-language-interpreting" aria-hidden="true"></i>
                                <div class="icon-title">american-sign-language-interpreting</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="anchor">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-anchor" aria-hidden="true"></i>
                                <div class="icon-title">anchor</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="archive">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-archive" aria-hidden="true"></i>
                                <div class="icon-title">archive</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="area-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-area-chart" aria-hidden="true"></i>
                                <div class="icon-title">area-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows" aria-hidden="true"></i>
                                <div class="icon-title">arrows</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-h">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-h" aria-hidden="true"></i>
                                <div class="icon-title">arrows-h</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-v">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-v" aria-hidden="true"></i>
                                <div class="icon-title">arrows-v</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="asl-interpreting">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-asl-interpreting" aria-hidden="true"></i>
                                <div class="icon-title">asl-interpreting</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="assistive-listening-systems">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-assistive-listening-systems" aria-hidden="true"></i>
                                <div class="icon-title">assistive-listening-systems</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="asterisk">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-asterisk" aria-hidden="true"></i>
                                <div class="icon-title">asterisk</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="at">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-at" aria-hidden="true"></i>
                                <div class="icon-title">at</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="audio-description">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-audio-description" aria-hidden="true"></i>
                                <div class="icon-title">audio-description</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="automobile">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-automobile" aria-hidden="true"></i>
                                <div class="icon-title">automobile</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="balance-scale">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-balance-scale" aria-hidden="true"></i>
                                <div class="icon-title">balance-scale</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ban">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ban" aria-hidden="true"></i>
                                <div class="icon-title">ban</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bank">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bank" aria-hidden="true"></i>
                                <div class="icon-title">bank</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bar-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bar-chart" aria-hidden="true"></i>
                                <div class="icon-title">bar-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bar-chart-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bar-chart-o" aria-hidden="true"></i>
                                <div class="icon-title">bar-chart-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="barcode">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-barcode" aria-hidden="true"></i>
                                <div class="icon-title">barcode</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bars">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bars" aria-hidden="true"></i>
                                <div class="icon-title">bars</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bath">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bath" aria-hidden="true"></i>
                                <div class="icon-title">bath</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bathtub">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bathtub" aria-hidden="true"></i>
                                <div class="icon-title">bathtub</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery" aria-hidden="true"></i>
                                <div class="icon-title">battery</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-0">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-0" aria-hidden="true"></i>
                                <div class="icon-title">battery-0</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-1">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-1" aria-hidden="true"></i>
                                <div class="icon-title">battery-1</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-2">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-2" aria-hidden="true"></i>
                                <div class="icon-title">battery-2</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-3">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-3" aria-hidden="true"></i>
                                <div class="icon-title">battery-3</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-4">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-4" aria-hidden="true"></i>
                                <div class="icon-title">battery-4</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-empty">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-empty" aria-hidden="true"></i>
                                <div class="icon-title">battery-empty</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-full">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-full" aria-hidden="true"></i>
                                <div class="icon-title">battery-full</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-half">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-half" aria-hidden="true"></i>
                                <div class="icon-title">battery-half</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-quarter">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-quarter" aria-hidden="true"></i>
                                <div class="icon-title">battery-quarter</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="battery-three-quarters">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-battery-three-quarters" aria-hidden="true"></i>
                                <div class="icon-title">battery-three-quarters</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bed">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bed" aria-hidden="true"></i>
                                <div class="icon-title">bed</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="beer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-beer" aria-hidden="true"></i>
                                <div class="icon-title">beer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bell">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bell" aria-hidden="true"></i>
                                <div class="icon-title">bell</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bell-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bell-o" aria-hidden="true"></i>
                                <div class="icon-title">bell-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bell-slash">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bell-slash" aria-hidden="true"></i>
                                <div class="icon-title">bell-slash</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bell-slash-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bell-slash-o" aria-hidden="true"></i>
                                <div class="icon-title">bell-slash-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bicycle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bicycle" aria-hidden="true"></i>
                                <div class="icon-title">bicycle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="binoculars">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-binoculars" aria-hidden="true"></i>
                                <div class="icon-title">binoculars</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="birthday-cake">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-birthday-cake" aria-hidden="true"></i>
                                <div class="icon-title">birthday-cake</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="blind">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-blind" aria-hidden="true"></i>
                                <div class="icon-title">blind</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bluetooth">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bluetooth" aria-hidden="true"></i>
                                <div class="icon-title">bluetooth</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bluetooth-b">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bluetooth-b" aria-hidden="true"></i>
                                <div class="icon-title">bluetooth-b</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bolt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bolt" aria-hidden="true"></i>
                                <div class="icon-title">bolt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bomb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bomb" aria-hidden="true"></i>
                                <div class="icon-title">bomb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="book">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-book" aria-hidden="true"></i>
                                <div class="icon-title">book</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bookmark">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bookmark" aria-hidden="true"></i>
                                <div class="icon-title">bookmark</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bookmark-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bookmark-o" aria-hidden="true"></i>
                                <div class="icon-title">bookmark-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="braille">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-braille" aria-hidden="true"></i>
                                <div class="icon-title">braille</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="briefcase">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-briefcase" aria-hidden="true"></i>
                                <div class="icon-title">briefcase</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bug">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bug" aria-hidden="true"></i>
                                <div class="icon-title">bug</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="building">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-building" aria-hidden="true"></i>
                                <div class="icon-title">building</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="building-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-building-o" aria-hidden="true"></i>
                                <div class="icon-title">building-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bullhorn">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bullhorn" aria-hidden="true"></i>
                                <div class="icon-title">bullhorn</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bullseye">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bullseye" aria-hidden="true"></i>
                                <div class="icon-title">bullseye</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bus" aria-hidden="true"></i>
                                <div class="icon-title">bus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cab">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cab" aria-hidden="true"></i>
                                <div class="icon-title">cab</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calculator">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calculator" aria-hidden="true"></i>
                                <div class="icon-title">calculator</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar" aria-hidden="true"></i>
                                <div class="icon-title">calendar</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar-check-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar-check-o" aria-hidden="true"></i>
                                <div class="icon-title">calendar-check-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar-minus-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar-minus-o" aria-hidden="true"></i>
                                <div class="icon-title">calendar-minus-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar-o" aria-hidden="true"></i>
                                <div class="icon-title">calendar-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar-plus-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar-plus-o" aria-hidden="true"></i>
                                <div class="icon-title">calendar-plus-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="calendar-times-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-calendar-times-o" aria-hidden="true"></i>
                                <div class="icon-title">calendar-times-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="camera">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-camera" aria-hidden="true"></i>
                                <div class="icon-title">camera</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="camera-retro">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-camera-retro" aria-hidden="true"></i>
                                <div class="icon-title">camera-retro</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="car">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-car" aria-hidden="true"></i>
                                <div class="icon-title">car</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-down" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-left" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-right" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-up" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cart-arrow-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cart-arrow-down" aria-hidden="true"></i>
                                <div class="icon-title">cart-arrow-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cart-plus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cart-plus" aria-hidden="true"></i>
                                <div class="icon-title">cart-plus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc" aria-hidden="true"></i>
                                <div class="icon-title">cc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="certificate">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-certificate" aria-hidden="true"></i>
                                <div class="icon-title">certificate</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check" aria-hidden="true"></i>
                                <div class="icon-title">check</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-circle" aria-hidden="true"></i>
                                <div class="icon-title">check-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">check-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-square" aria-hidden="true"></i>
                                <div class="icon-title">check-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-square-o" aria-hidden="true"></i>
                                <div class="icon-title">check-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="child">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-child" aria-hidden="true"></i>
                                <div class="icon-title">child</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle" aria-hidden="true"></i>
                                <div class="icon-title">circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle-o-notch">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle-o-notch" aria-hidden="true"></i>
                                <div class="icon-title">circle-o-notch</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle-thin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle-thin" aria-hidden="true"></i>
                                <div class="icon-title">circle-thin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="clock-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-clock-o" aria-hidden="true"></i>
                                <div class="icon-title">clock-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="clone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-clone" aria-hidden="true"></i>
                                <div class="icon-title">clone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="close">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-close" aria-hidden="true"></i>
                                <div class="icon-title">close</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cloud">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cloud" aria-hidden="true"></i>
                                <div class="icon-title">cloud</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cloud-download">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cloud-download" aria-hidden="true"></i>
                                <div class="icon-title">cloud-download</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cloud-upload">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cloud-upload" aria-hidden="true"></i>
                                <div class="icon-title">cloud-upload</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="code">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-code" aria-hidden="true"></i>
                                <div class="icon-title">code</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="code-fork">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-code-fork" aria-hidden="true"></i>
                                <div class="icon-title">code-fork</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="coffee">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-coffee" aria-hidden="true"></i>
                                <div class="icon-title">coffee</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cog">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cog" aria-hidden="true"></i>
                                <div class="icon-title">cog</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cogs">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cogs" aria-hidden="true"></i>
                                <div class="icon-title">cogs</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="comment">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-comment" aria-hidden="true"></i>
                                <div class="icon-title">comment</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="comment-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-comment-o" aria-hidden="true"></i>
                                <div class="icon-title">comment-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="commenting">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-commenting" aria-hidden="true"></i>
                                <div class="icon-title">commenting</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="commenting-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-commenting-o" aria-hidden="true"></i>
                                <div class="icon-title">commenting-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="comments">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-comments" aria-hidden="true"></i>
                                <div class="icon-title">comments</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="comments-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-comments-o" aria-hidden="true"></i>
                                <div class="icon-title">comments-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="compass">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-compass" aria-hidden="true"></i>
                                <div class="icon-title">compass</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="copyright">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-copyright" aria-hidden="true"></i>
                                <div class="icon-title">copyright</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="creative-commons">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-creative-commons" aria-hidden="true"></i>
                                <div class="icon-title">creative-commons</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="credit-card">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-credit-card" aria-hidden="true"></i>
                                <div class="icon-title">credit-card</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="credit-card-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-credit-card-alt" aria-hidden="true"></i>
                                <div class="icon-title">credit-card-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="crop">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-crop" aria-hidden="true"></i>
                                <div class="icon-title">crop</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="crosshairs">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-crosshairs" aria-hidden="true"></i>
                                <div class="icon-title">crosshairs</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cube">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cube" aria-hidden="true"></i>
                                <div class="icon-title">cube</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cubes">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cubes" aria-hidden="true"></i>
                                <div class="icon-title">cubes</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cutlery">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cutlery" aria-hidden="true"></i>
                                <div class="icon-title">cutlery</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dashboard">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dashboard" aria-hidden="true"></i>
                                <div class="icon-title">dashboard</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="database">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-database" aria-hidden="true"></i>
                                <div class="icon-title">database</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="deaf">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-deaf" aria-hidden="true"></i>
                                <div class="icon-title">deaf</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="deafness">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-deafness" aria-hidden="true"></i>
                                <div class="icon-title">deafness</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="desktop">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-desktop" aria-hidden="true"></i>
                                <div class="icon-title">desktop</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="diamond">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-diamond" aria-hidden="true"></i>
                                <div class="icon-title">diamond</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dot-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dot-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">dot-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="download">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-download" aria-hidden="true"></i>
                                <div class="icon-title">download</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="drivers-license">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-drivers-license" aria-hidden="true"></i>
                                <div class="icon-title">drivers-license</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="drivers-license-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-drivers-license-o" aria-hidden="true"></i>
                                <div class="icon-title">drivers-license-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="edit">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-edit" aria-hidden="true"></i>
                                <div class="icon-title">edit</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ellipsis-h">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ellipsis-h" aria-hidden="true"></i>
                                <div class="icon-title">ellipsis-h</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ellipsis-v">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ellipsis-v" aria-hidden="true"></i>
                                <div class="icon-title">ellipsis-v</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envelope">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envelope" aria-hidden="true"></i>
                                <div class="icon-title">envelope</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envelope-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envelope-o" aria-hidden="true"></i>
                                <div class="icon-title">envelope-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envelope-open">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envelope-open" aria-hidden="true"></i>
                                <div class="icon-title">envelope-open</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envelope-open-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envelope-open-o" aria-hidden="true"></i>
                                <div class="icon-title">envelope-open-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envelope-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envelope-square" aria-hidden="true"></i>
                                <div class="icon-title">envelope-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eraser">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eraser" aria-hidden="true"></i>
                                <div class="icon-title">eraser</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="exchange">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-exchange" aria-hidden="true"></i>
                                <div class="icon-title">exchange</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="exclamation">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-exclamation" aria-hidden="true"></i>
                                <div class="icon-title">exclamation</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="exclamation-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-exclamation-circle" aria-hidden="true"></i>
                                <div class="icon-title">exclamation-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="exclamation-triangle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-exclamation-triangle" aria-hidden="true"></i>
                                <div class="icon-title">exclamation-triangle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="external-link">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-external-link" aria-hidden="true"></i>
                                <div class="icon-title">external-link</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="external-link-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-external-link-square" aria-hidden="true"></i>
                                <div class="icon-title">external-link-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eye">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eye" aria-hidden="true"></i>
                                <div class="icon-title">eye</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eye-slash">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eye-slash" aria-hidden="true"></i>
                                <div class="icon-title">eye-slash</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eyedropper">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eyedropper" aria-hidden="true"></i>
                                <div class="icon-title">eyedropper</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fax">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fax" aria-hidden="true"></i>
                                <div class="icon-title">fax</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="feed">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-feed" aria-hidden="true"></i>
                                <div class="icon-title">feed</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="female">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-female" aria-hidden="true"></i>
                                <div class="icon-title">female</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fighter-jet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fighter-jet" aria-hidden="true"></i>
                                <div class="icon-title">fighter-jet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-archive-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-archive-o" aria-hidden="true"></i>
                                <div class="icon-title">file-archive-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-audio-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-audio-o" aria-hidden="true"></i>
                                <div class="icon-title">file-audio-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-code-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-code-o" aria-hidden="true"></i>
                                <div class="icon-title">file-code-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-excel-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-excel-o" aria-hidden="true"></i>
                                <div class="icon-title">file-excel-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-image-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-image-o" aria-hidden="true"></i>
                                <div class="icon-title">file-image-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-movie-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-movie-o" aria-hidden="true"></i>
                                <div class="icon-title">file-movie-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-pdf-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-pdf-o" aria-hidden="true"></i>
                                <div class="icon-title">file-pdf-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-photo-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-photo-o" aria-hidden="true"></i>
                                <div class="icon-title">file-photo-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-picture-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-picture-o" aria-hidden="true"></i>
                                <div class="icon-title">file-picture-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-powerpoint-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-powerpoint-o" aria-hidden="true"></i>
                                <div class="icon-title">file-powerpoint-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-sound-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-sound-o" aria-hidden="true"></i>
                                <div class="icon-title">file-sound-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-video-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-video-o" aria-hidden="true"></i>
                                <div class="icon-title">file-video-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-word-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-word-o" aria-hidden="true"></i>
                                <div class="icon-title">file-word-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-zip-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-zip-o" aria-hidden="true"></i>
                                <div class="icon-title">file-zip-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="film">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-film" aria-hidden="true"></i>
                                <div class="icon-title">film</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="filter">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-filter" aria-hidden="true"></i>
                                <div class="icon-title">filter</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fire">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fire" aria-hidden="true"></i>
                                <div class="icon-title">fire</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fire-extinguisher">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fire-extinguisher" aria-hidden="true"></i>
                                <div class="icon-title">fire-extinguisher</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flag">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flag" aria-hidden="true"></i>
                                <div class="icon-title">flag</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flag-checkered">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flag-checkered" aria-hidden="true"></i>
                                <div class="icon-title">flag-checkered</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flag-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flag-o" aria-hidden="true"></i>
                                <div class="icon-title">flag-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flash">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flash" aria-hidden="true"></i>
                                <div class="icon-title">flash</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flask">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flask" aria-hidden="true"></i>
                                <div class="icon-title">flask</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="folder">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-folder" aria-hidden="true"></i>
                                <div class="icon-title">folder</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="folder-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-folder-o" aria-hidden="true"></i>
                                <div class="icon-title">folder-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="folder-open">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-folder-open" aria-hidden="true"></i>
                                <div class="icon-title">folder-open</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="folder-open-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-folder-open-o" aria-hidden="true"></i>
                                <div class="icon-title">folder-open-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="frown-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-frown-o" aria-hidden="true"></i>
                                <div class="icon-title">frown-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="futbol-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-futbol-o" aria-hidden="true"></i>
                                <div class="icon-title">futbol-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gamepad">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gamepad" aria-hidden="true"></i>
                                <div class="icon-title">gamepad</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gavel">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gavel" aria-hidden="true"></i>
                                <div class="icon-title">gavel</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gear">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gear" aria-hidden="true"></i>
                                <div class="icon-title">gear</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gears">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gears" aria-hidden="true"></i>
                                <div class="icon-title">gears</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gift">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gift" aria-hidden="true"></i>
                                <div class="icon-title">gift</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="glass">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-glass" aria-hidden="true"></i>
                                <div class="icon-title">glass</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="globe">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-globe" aria-hidden="true"></i>
                                <div class="icon-title">globe</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="graduation-cap">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-graduation-cap" aria-hidden="true"></i>
                                <div class="icon-title">graduation-cap</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="group">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-group" aria-hidden="true"></i>
                                <div class="icon-title">group</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-grab-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-grab-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-grab-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-lizard-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-lizard-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-lizard-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-paper-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-paper-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-paper-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-peace-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-peace-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-peace-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-pointer-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-pointer-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-pointer-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-rock-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-rock-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-rock-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-scissors-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-scissors-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-scissors-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-spock-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-spock-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-spock-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-stop-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-stop-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-stop-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="handshake-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-handshake-o" aria-hidden="true"></i>
                                <div class="icon-title">handshake-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hard-of-hearing">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hard-of-hearing" aria-hidden="true"></i>
                                <div class="icon-title">hard-of-hearing</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hashtag">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hashtag" aria-hidden="true"></i>
                                <div class="icon-title">hashtag</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hdd-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hdd-o" aria-hidden="true"></i>
                                <div class="icon-title">hdd-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="headphones">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-headphones" aria-hidden="true"></i>
                                <div class="icon-title">headphones</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heart" aria-hidden="true"></i>
                                <div class="icon-title">heart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heart-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heart-o" aria-hidden="true"></i>
                                <div class="icon-title">heart-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heartbeat">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heartbeat" aria-hidden="true"></i>
                                <div class="icon-title">heartbeat</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="history">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-history" aria-hidden="true"></i>
                                <div class="icon-title">history</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="home">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-home" aria-hidden="true"></i>
                                <div class="icon-title">home</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hotel">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hotel" aria-hidden="true"></i>
                                <div class="icon-title">hotel</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass" aria-hidden="true"></i>
                                <div class="icon-title">hourglass</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-1">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-1" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-1</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-2">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-2" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-2</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-3">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-3" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-3</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-end">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-end" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-end</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-half">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-half" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-half</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-o" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hourglass-start">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hourglass-start" aria-hidden="true"></i>
                                <div class="icon-title">hourglass-start</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="i-cursor">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-i-cursor" aria-hidden="true"></i>
                                <div class="icon-title">i-cursor</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="id-badge">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-id-badge" aria-hidden="true"></i>
                                <div class="icon-title">id-badge</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="id-card">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-id-card" aria-hidden="true"></i>
                                <div class="icon-title">id-card</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="id-card-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-id-card-o" aria-hidden="true"></i>
                                <div class="icon-title">id-card-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="image">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-image" aria-hidden="true"></i>
                                <div class="icon-title">image</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="inbox">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-inbox" aria-hidden="true"></i>
                                <div class="icon-title">inbox</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="industry">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-industry" aria-hidden="true"></i>
                                <div class="icon-title">industry</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="info">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-info" aria-hidden="true"></i>
                                <div class="icon-title">info</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="info-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-info-circle" aria-hidden="true"></i>
                                <div class="icon-title">info-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="institution">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-institution" aria-hidden="true"></i>
                                <div class="icon-title">institution</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="key">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-key" aria-hidden="true"></i>
                                <div class="icon-title">key</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="keyboard-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-keyboard-o" aria-hidden="true"></i>
                                <div class="icon-title">keyboard-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="language">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-language" aria-hidden="true"></i>
                                <div class="icon-title">language</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="laptop">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-laptop" aria-hidden="true"></i>
                                <div class="icon-title">laptop</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="leaf">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-leaf" aria-hidden="true"></i>
                                <div class="icon-title">leaf</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="legal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-legal" aria-hidden="true"></i>
                                <div class="icon-title">legal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="lemon-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-lemon-o" aria-hidden="true"></i>
                                <div class="icon-title">lemon-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="level-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-level-down" aria-hidden="true"></i>
                                <div class="icon-title">level-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="level-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-level-up" aria-hidden="true"></i>
                                <div class="icon-title">level-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="life-bouy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-life-bouy" aria-hidden="true"></i>
                                <div class="icon-title">life-bouy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="life-buoy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-life-buoy" aria-hidden="true"></i>
                                <div class="icon-title">life-buoy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="life-ring">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-life-ring" aria-hidden="true"></i>
                                <div class="icon-title">life-ring</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="life-saver">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-life-saver" aria-hidden="true"></i>
                                <div class="icon-title">life-saver</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="lightbulb-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-lightbulb-o" aria-hidden="true"></i>
                                <div class="icon-title">lightbulb-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="line-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-line-chart" aria-hidden="true"></i>
                                <div class="icon-title">line-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="location-arrow">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-location-arrow" aria-hidden="true"></i>
                                <div class="icon-title">location-arrow</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="lock">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-lock" aria-hidden="true"></i>
                                <div class="icon-title">lock</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="low-vision">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-low-vision" aria-hidden="true"></i>
                                <div class="icon-title">low-vision</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="magic">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-magic" aria-hidden="true"></i>
                                <div class="icon-title">magic</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="magnet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-magnet" aria-hidden="true"></i>
                                <div class="icon-title">magnet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mail-forward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mail-forward" aria-hidden="true"></i>
                                <div class="icon-title">mail-forward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mail-reply">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mail-reply" aria-hidden="true"></i>
                                <div class="icon-title">mail-reply</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mail-reply-all">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mail-reply-all" aria-hidden="true"></i>
                                <div class="icon-title">mail-reply-all</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="male">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-male" aria-hidden="true"></i>
                                <div class="icon-title">male</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="map">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-map" aria-hidden="true"></i>
                                <div class="icon-title">map</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="map-marker">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-map-marker" aria-hidden="true"></i>
                                <div class="icon-title">map-marker</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="map-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-map-o" aria-hidden="true"></i>
                                <div class="icon-title">map-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="map-pin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-map-pin" aria-hidden="true"></i>
                                <div class="icon-title">map-pin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="map-signs">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-map-signs" aria-hidden="true"></i>
                                <div class="icon-title">map-signs</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="meh-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-meh-o" aria-hidden="true"></i>
                                <div class="icon-title">meh-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="microchip">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-microchip" aria-hidden="true"></i>
                                <div class="icon-title">microchip</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="microphone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-microphone" aria-hidden="true"></i>
                                <div class="icon-title">microphone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="microphone-slash">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-microphone-slash" aria-hidden="true"></i>
                                <div class="icon-title">microphone-slash</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus" aria-hidden="true"></i>
                                <div class="icon-title">minus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus-circle" aria-hidden="true"></i>
                                <div class="icon-title">minus-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus-square" aria-hidden="true"></i>
                                <div class="icon-title">minus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus-square-o" aria-hidden="true"></i>
                                <div class="icon-title">minus-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mobile">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mobile" aria-hidden="true"></i>
                                <div class="icon-title">mobile</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mobile-phone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mobile-phone" aria-hidden="true"></i>
                                <div class="icon-title">mobile-phone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="money">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-money" aria-hidden="true"></i>
                                <div class="icon-title">money</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="moon-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-moon-o" aria-hidden="true"></i>
                                <div class="icon-title">moon-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mortar-board">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mortar-board" aria-hidden="true"></i>
                                <div class="icon-title">mortar-board</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="motorcycle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-motorcycle" aria-hidden="true"></i>
                                <div class="icon-title">motorcycle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mouse-pointer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mouse-pointer" aria-hidden="true"></i>
                                <div class="icon-title">mouse-pointer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="music">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-music" aria-hidden="true"></i>
                                <div class="icon-title">music</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="navicon">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-navicon" aria-hidden="true"></i>
                                <div class="icon-title">navicon</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="newspaper-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-newspaper-o" aria-hidden="true"></i>
                                <div class="icon-title">newspaper-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="object-group">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-object-group" aria-hidden="true"></i>
                                <div class="icon-title">object-group</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="object-ungroup">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-object-ungroup" aria-hidden="true"></i>
                                <div class="icon-title">object-ungroup</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paint-brush">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paint-brush" aria-hidden="true"></i>
                                <div class="icon-title">paint-brush</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paper-plane">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paper-plane" aria-hidden="true"></i>
                                <div class="icon-title">paper-plane</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paper-plane-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paper-plane-o" aria-hidden="true"></i>
                                <div class="icon-title">paper-plane-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paw">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paw" aria-hidden="true"></i>
                                <div class="icon-title">paw</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pencil">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pencil" aria-hidden="true"></i>
                                <div class="icon-title">pencil</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pencil-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pencil-square" aria-hidden="true"></i>
                                <div class="icon-title">pencil-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pencil-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pencil-square-o" aria-hidden="true"></i>
                                <div class="icon-title">pencil-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="percent">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-percent" aria-hidden="true"></i>
                                <div class="icon-title">percent</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="phone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-phone" aria-hidden="true"></i>
                                <div class="icon-title">phone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="phone-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-phone-square" aria-hidden="true"></i>
                                <div class="icon-title">phone-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="photo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-photo" aria-hidden="true"></i>
                                <div class="icon-title">photo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="picture-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-picture-o" aria-hidden="true"></i>
                                <div class="icon-title">picture-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pie-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pie-chart" aria-hidden="true"></i>
                                <div class="icon-title">pie-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plane">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plane" aria-hidden="true"></i>
                                <div class="icon-title">plane</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plug">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plug" aria-hidden="true"></i>
                                <div class="icon-title">plug</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus" aria-hidden="true"></i>
                                <div class="icon-title">plus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-circle" aria-hidden="true"></i>
                                <div class="icon-title">plus-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-square" aria-hidden="true"></i>
                                <div class="icon-title">plus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-square-o" aria-hidden="true"></i>
                                <div class="icon-title">plus-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="podcast">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-podcast" aria-hidden="true"></i>
                                <div class="icon-title">podcast</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="power-off">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-power-off" aria-hidden="true"></i>
                                <div class="icon-title">power-off</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="print">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-print" aria-hidden="true"></i>
                                <div class="icon-title">print</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="puzzle-piece">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-puzzle-piece" aria-hidden="true"></i>
                                <div class="icon-title">puzzle-piece</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="qrcode">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-qrcode" aria-hidden="true"></i>
                                <div class="icon-title">qrcode</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="question">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-question" aria-hidden="true"></i>
                                <div class="icon-title">question</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="question-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-question-circle" aria-hidden="true"></i>
                                <div class="icon-title">question-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="question-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-question-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">question-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="quote-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-quote-left" aria-hidden="true"></i>
                                <div class="icon-title">quote-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="quote-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-quote-right" aria-hidden="true"></i>
                                <div class="icon-title">quote-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="random">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-random" aria-hidden="true"></i>
                                <div class="icon-title">random</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="recycle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-recycle" aria-hidden="true"></i>
                                <div class="icon-title">recycle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="refresh">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-refresh" aria-hidden="true"></i>
                                <div class="icon-title">refresh</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="registered">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-registered" aria-hidden="true"></i>
                                <div class="icon-title">registered</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="remove">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-remove" aria-hidden="true"></i>
                                <div class="icon-title">remove</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reorder">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reorder" aria-hidden="true"></i>
                                <div class="icon-title">reorder</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reply">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reply" aria-hidden="true"></i>
                                <div class="icon-title">reply</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reply-all">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reply-all" aria-hidden="true"></i>
                                <div class="icon-title">reply-all</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="retweet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-retweet" aria-hidden="true"></i>
                                <div class="icon-title">retweet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="road">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-road" aria-hidden="true"></i>
                                <div class="icon-title">road</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rocket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rocket" aria-hidden="true"></i>
                                <div class="icon-title">rocket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rss">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rss" aria-hidden="true"></i>
                                <div class="icon-title">rss</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rss-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rss-square" aria-hidden="true"></i>
                                <div class="icon-title">rss-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="s15">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-s15" aria-hidden="true"></i>
                                <div class="icon-title">s15</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="search">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-search" aria-hidden="true"></i>
                                <div class="icon-title">search</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="search-minus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-search-minus" aria-hidden="true"></i>
                                <div class="icon-title">search-minus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="search-plus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-search-plus" aria-hidden="true"></i>
                                <div class="icon-title">search-plus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="send">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-send" aria-hidden="true"></i>
                                <div class="icon-title">send</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="send-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-send-o" aria-hidden="true"></i>
                                <div class="icon-title">send-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="server">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-server" aria-hidden="true"></i>
                                <div class="icon-title">server</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share" aria-hidden="true"></i>
                                <div class="icon-title">share</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-alt" aria-hidden="true"></i>
                                <div class="icon-title">share-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-alt-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-alt-square" aria-hidden="true"></i>
                                <div class="icon-title">share-alt-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-square" aria-hidden="true"></i>
                                <div class="icon-title">share-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-square-o" aria-hidden="true"></i>
                                <div class="icon-title">share-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shield">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shield" aria-hidden="true"></i>
                                <div class="icon-title">shield</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ship">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ship" aria-hidden="true"></i>
                                <div class="icon-title">ship</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shopping-bag">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shopping-bag" aria-hidden="true"></i>
                                <div class="icon-title">shopping-bag</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shopping-basket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shopping-basket" aria-hidden="true"></i>
                                <div class="icon-title">shopping-basket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shopping-cart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shopping-cart" aria-hidden="true"></i>
                                <div class="icon-title">shopping-cart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shower">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shower" aria-hidden="true"></i>
                                <div class="icon-title">shower</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sign-in">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sign-in" aria-hidden="true"></i>
                                <div class="icon-title">sign-in</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sign-language">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sign-language" aria-hidden="true"></i>
                                <div class="icon-title">sign-language</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sign-out">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sign-out" aria-hidden="true"></i>
                                <div class="icon-title">sign-out</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="signal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-signal" aria-hidden="true"></i>
                                <div class="icon-title">signal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="signing">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-signing" aria-hidden="true"></i>
                                <div class="icon-title">signing</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sitemap">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sitemap" aria-hidden="true"></i>
                                <div class="icon-title">sitemap</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sliders">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sliders" aria-hidden="true"></i>
                                <div class="icon-title">sliders</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="smile-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-smile-o" aria-hidden="true"></i>
                                <div class="icon-title">smile-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="snowflake-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-snowflake-o" aria-hidden="true"></i>
                                <div class="icon-title">snowflake-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="soccer-ball-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-soccer-ball-o" aria-hidden="true"></i>
                                <div class="icon-title">soccer-ball-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort" aria-hidden="true"></i>
                                <div class="icon-title">sort</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-alpha-asc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-alpha-asc" aria-hidden="true"></i>
                                <div class="icon-title">sort-alpha-asc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-alpha-desc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-alpha-desc" aria-hidden="true"></i>
                                <div class="icon-title">sort-alpha-desc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-amount-asc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-amount-asc" aria-hidden="true"></i>
                                <div class="icon-title">sort-amount-asc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-amount-desc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-amount-desc" aria-hidden="true"></i>
                                <div class="icon-title">sort-amount-desc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-asc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-asc" aria-hidden="true"></i>
                                <div class="icon-title">sort-asc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-desc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-desc" aria-hidden="true"></i>
                                <div class="icon-title">sort-desc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-down" aria-hidden="true"></i>
                                <div class="icon-title">sort-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-numeric-asc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-numeric-asc" aria-hidden="true"></i>
                                <div class="icon-title">sort-numeric-asc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-numeric-desc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-numeric-desc" aria-hidden="true"></i>
                                <div class="icon-title">sort-numeric-desc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sort-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sort-up" aria-hidden="true"></i>
                                <div class="icon-title">sort-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="space-shuttle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-space-shuttle" aria-hidden="true"></i>
                                <div class="icon-title">space-shuttle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="spinner">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-spinner" aria-hidden="true"></i>
                                <div class="icon-title">spinner</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="spoon">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-spoon" aria-hidden="true"></i>
                                <div class="icon-title">spoon</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-square" aria-hidden="true"></i>
                                <div class="icon-title">square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-square-o" aria-hidden="true"></i>
                                <div class="icon-title">square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star" aria-hidden="true"></i>
                                <div class="icon-title">star</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star-half">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star-half" aria-hidden="true"></i>
                                <div class="icon-title">star-half</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star-half-empty">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star-half-empty" aria-hidden="true"></i>
                                <div class="icon-title">star-half-empty</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star-half-full">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star-half-full" aria-hidden="true"></i>
                                <div class="icon-title">star-half-full</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star-half-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star-half-o" aria-hidden="true"></i>
                                <div class="icon-title">star-half-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="star-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-star-o" aria-hidden="true"></i>
                                <div class="icon-title">star-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sticky-note">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sticky-note" aria-hidden="true"></i>
                                <div class="icon-title">sticky-note</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sticky-note-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sticky-note-o" aria-hidden="true"></i>
                                <div class="icon-title">sticky-note-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="street-view">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-street-view" aria-hidden="true"></i>
                                <div class="icon-title">street-view</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="suitcase">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-suitcase" aria-hidden="true"></i>
                                <div class="icon-title">suitcase</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sun-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sun-o" aria-hidden="true"></i>
                                <div class="icon-title">sun-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="support">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-support" aria-hidden="true"></i>
                                <div class="icon-title">support</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tablet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tablet" aria-hidden="true"></i>
                                <div class="icon-title">tablet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tachometer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tachometer" aria-hidden="true"></i>
                                <div class="icon-title">tachometer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tag">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tag" aria-hidden="true"></i>
                                <div class="icon-title">tag</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tags">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tags" aria-hidden="true"></i>
                                <div class="icon-title">tags</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tasks">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tasks" aria-hidden="true"></i>
                                <div class="icon-title">tasks</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="taxi">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-taxi" aria-hidden="true"></i>
                                <div class="icon-title">taxi</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="television">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-television" aria-hidden="true"></i>
                                <div class="icon-title">television</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="terminal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-terminal" aria-hidden="true"></i>
                                <div class="icon-title">terminal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer" aria-hidden="true"></i>
                                <div class="icon-title">thermometer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-0">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-0" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-0</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-1">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-1" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-1</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-2">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-2" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-2</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-3">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-3" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-3</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-4">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-4" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-4</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-empty">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-empty" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-empty</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-full">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-full" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-full</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-half">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-half" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-half</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-quarter">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-quarter" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-quarter</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thermometer-three-quarters">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thermometer-three-quarters" aria-hidden="true"></i>
                                <div class="icon-title">thermometer-three-quarters</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumb-tack">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumb-tack" aria-hidden="true"></i>
                                <div class="icon-title">thumb-tack</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-down" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-o-down" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-o-up" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-up" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ticket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ticket" aria-hidden="true"></i>
                                <div class="icon-title">ticket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="times">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-times" aria-hidden="true"></i>
                                <div class="icon-title">times</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="times-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-times-circle" aria-hidden="true"></i>
                                <div class="icon-title">times-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="times-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-times-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">times-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="times-rectangle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-times-rectangle" aria-hidden="true"></i>
                                <div class="icon-title">times-rectangle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="times-rectangle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-times-rectangle-o" aria-hidden="true"></i>
                                <div class="icon-title">times-rectangle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tint">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tint" aria-hidden="true"></i>
                                <div class="icon-title">tint</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-down" aria-hidden="true"></i>
                                <div class="icon-title">toggle-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-left" aria-hidden="true"></i>
                                <div class="icon-title">toggle-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-off">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-off" aria-hidden="true"></i>
                                <div class="icon-title">toggle-off</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-on">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-on" aria-hidden="true"></i>
                                <div class="icon-title">toggle-on</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-right" aria-hidden="true"></i>
                                <div class="icon-title">toggle-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-up" aria-hidden="true"></i>
                                <div class="icon-title">toggle-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="trademark">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-trademark" aria-hidden="true"></i>
                                <div class="icon-title">trademark</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="trash">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-trash" aria-hidden="true"></i>
                                <div class="icon-title">trash</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="trash-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-trash-o" aria-hidden="true"></i>
                                <div class="icon-title">trash-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tree">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tree" aria-hidden="true"></i>
                                <div class="icon-title">tree</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="trophy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-trophy" aria-hidden="true"></i>
                                <div class="icon-title">trophy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="truck">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-truck" aria-hidden="true"></i>
                                <div class="icon-title">truck</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tty">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tty" aria-hidden="true"></i>
                                <div class="icon-title">tty</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tv">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tv" aria-hidden="true"></i>
                                <div class="icon-title">tv</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="umbrella">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-umbrella" aria-hidden="true"></i>
                                <div class="icon-title">umbrella</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="universal-access">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-universal-access" aria-hidden="true"></i>
                                <div class="icon-title">universal-access</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="university">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-university" aria-hidden="true"></i>
                                <div class="icon-title">university</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="unlock">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-unlock" aria-hidden="true"></i>
                                <div class="icon-title">unlock</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="unlock-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-unlock-alt" aria-hidden="true"></i>
                                <div class="icon-title">unlock-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="unsorted">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-unsorted" aria-hidden="true"></i>
                                <div class="icon-title">unsorted</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="upload">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-upload" aria-hidden="true"></i>
                                <div class="icon-title">upload</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user" aria-hidden="true"></i>
                                <div class="icon-title">user</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-circle" aria-hidden="true"></i>
                                <div class="icon-title">user-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">user-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-o" aria-hidden="true"></i>
                                <div class="icon-title">user-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-plus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-plus" aria-hidden="true"></i>
                                <div class="icon-title">user-plus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-secret">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-secret" aria-hidden="true"></i>
                                <div class="icon-title">user-secret</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-times">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-times" aria-hidden="true"></i>
                                <div class="icon-title">user-times</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="users">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-users" aria-hidden="true"></i>
                                <div class="icon-title">users</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vcard">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vcard" aria-hidden="true"></i>
                                <div class="icon-title">vcard</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vcard-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vcard-o" aria-hidden="true"></i>
                                <div class="icon-title">vcard-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="video-camera">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-video-camera" aria-hidden="true"></i>
                                <div class="icon-title">video-camera</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="volume-control-phone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-volume-control-phone" aria-hidden="true"></i>
                                <div class="icon-title">volume-control-phone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="volume-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-volume-down" aria-hidden="true"></i>
                                <div class="icon-title">volume-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="volume-off">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-volume-off" aria-hidden="true"></i>
                                <div class="icon-title">volume-off</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="volume-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-volume-up" aria-hidden="true"></i>
                                <div class="icon-title">volume-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="warning">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-warning" aria-hidden="true"></i>
                                <div class="icon-title">warning</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair-alt" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wifi">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wifi" aria-hidden="true"></i>
                                <div class="icon-title">wifi</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="window-close">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-window-close" aria-hidden="true"></i>
                                <div class="icon-title">window-close</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="window-close-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-window-close-o" aria-hidden="true"></i>
                                <div class="icon-title">window-close-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="window-maximize">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-window-maximize" aria-hidden="true"></i>
                                <div class="icon-title">window-maximize</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="window-minimize">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-window-minimize" aria-hidden="true"></i>
                                <div class="icon-title">window-minimize</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="window-restore">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-window-restore" aria-hidden="true"></i>
                                <div class="icon-title">window-restore</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wrench">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wrench" aria-hidden="true"></i>
                                <div class="icon-title">wrench</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">无障碍图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="american-sign-language-interpreting">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-american-sign-language-interpreting" aria-hidden="true"></i>
                                <div class="icon-title">american-sign-language-interpreting</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="asl-interpreting">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-asl-interpreting" aria-hidden="true"></i>
                                <div class="icon-title">asl-interpreting</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="assistive-listening-systems">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-assistive-listening-systems" aria-hidden="true"></i>
                                <div class="icon-title">assistive-listening-systems</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="audio-description">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-audio-description" aria-hidden="true"></i>
                                <div class="icon-title">audio-description</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="blind">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-blind" aria-hidden="true"></i>
                                <div class="icon-title">blind</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="braille">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-braille" aria-hidden="true"></i>
                                <div class="icon-title">braille</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc" aria-hidden="true"></i>
                                <div class="icon-title">cc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="deaf">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-deaf" aria-hidden="true"></i>
                                <div class="icon-title">deaf</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="deafness">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-deafness" aria-hidden="true"></i>
                                <div class="icon-title">deafness</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hard-of-hearing">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hard-of-hearing" aria-hidden="true"></i>
                                <div class="icon-title">hard-of-hearing</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="low-vision">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-low-vision" aria-hidden="true"></i>
                                <div class="icon-title">low-vision</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="question-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-question-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">question-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sign-language">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sign-language" aria-hidden="true"></i>
                                <div class="icon-title">sign-language</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="signing">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-signing" aria-hidden="true"></i>
                                <div class="icon-title">signing</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tty">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tty" aria-hidden="true"></i>
                                <div class="icon-title">tty</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="universal-access">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-universal-access" aria-hidden="true"></i>
                                <div class="icon-title">universal-access</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="volume-control-phone">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-volume-control-phone" aria-hidden="true"></i>
                                <div class="icon-title">volume-control-phone</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair-alt" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair-alt</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">手型图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-grab-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-grab-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-grab-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-lizard-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-lizard-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-lizard-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-down" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-left" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-right" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-up" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-paper-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-paper-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-paper-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-peace-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-peace-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-peace-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-pointer-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-pointer-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-pointer-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-rock-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-rock-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-rock-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-scissors-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-scissors-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-scissors-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-spock-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-spock-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-spock-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-stop-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-stop-o" aria-hidden="true"></i>
                                <div class="icon-title">hand-stop-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-down" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-o-down" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-o-up" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="thumbs-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-thumbs-up" aria-hidden="true"></i>
                                <div class="icon-title">thumbs-up</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">交通运输类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ambulance">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ambulance" aria-hidden="true"></i>
                                <div class="icon-title">ambulance</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="automobile">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-automobile" aria-hidden="true"></i>
                                <div class="icon-title">automobile</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bicycle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bicycle" aria-hidden="true"></i>
                                <div class="icon-title">bicycle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bus" aria-hidden="true"></i>
                                <div class="icon-title">bus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cab">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cab" aria-hidden="true"></i>
                                <div class="icon-title">cab</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="car">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-car" aria-hidden="true"></i>
                                <div class="icon-title">car</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fighter-jet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fighter-jet" aria-hidden="true"></i>
                                <div class="icon-title">fighter-jet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="motorcycle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-motorcycle" aria-hidden="true"></i>
                                <div class="icon-title">motorcycle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plane">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plane" aria-hidden="true"></i>
                                <div class="icon-title">plane</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rocket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rocket" aria-hidden="true"></i>
                                <div class="icon-title">rocket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ship">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ship" aria-hidden="true"></i>
                                <div class="icon-title">ship</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="space-shuttle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-space-shuttle" aria-hidden="true"></i>
                                <div class="icon-title">space-shuttle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="subway">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-subway" aria-hidden="true"></i>
                                <div class="icon-title">subway</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="taxi">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-taxi" aria-hidden="true"></i>
                                <div class="icon-title">taxi</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="train">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-train" aria-hidden="true"></i>
                                <div class="icon-title">train</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="truck">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-truck" aria-hidden="true"></i>
                                <div class="icon-title">truck</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair-alt" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair-alt</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">性别类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="genderless">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-genderless" aria-hidden="true"></i>
                                <div class="icon-title">genderless</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="intersex">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-intersex" aria-hidden="true"></i>
                                <div class="icon-title">intersex</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mars">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mars" aria-hidden="true"></i>
                                <div class="icon-title">mars</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mars-double">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mars-double" aria-hidden="true"></i>
                                <div class="icon-title">mars-double</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mars-stroke">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mars-stroke" aria-hidden="true"></i>
                                <div class="icon-title">mars-stroke</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mars-stroke-h">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mars-stroke-h" aria-hidden="true"></i>
                                <div class="icon-title">mars-stroke-h</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mars-stroke-v">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mars-stroke-v" aria-hidden="true"></i>
                                <div class="icon-title">mars-stroke-v</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mercury">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mercury" aria-hidden="true"></i>
                                <div class="icon-title">mercury</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="neuter">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-neuter" aria-hidden="true"></i>
                                <div class="icon-title">neuter</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="transgender">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-transgender" aria-hidden="true"></i>
                                <div class="icon-title">transgender</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="transgender-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-transgender-alt" aria-hidden="true"></i>
                                <div class="icon-title">transgender-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="venus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-venus" aria-hidden="true"></i>
                                <div class="icon-title">venus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="venus-double">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-venus-double" aria-hidden="true"></i>
                                <div class="icon-title">venus-double</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="venus-mars">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-venus-mars" aria-hidden="true"></i>
                                <div class="icon-title">venus-mars</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">文件类型图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file" aria-hidden="true"></i>
                                <div class="icon-title">file</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-archive-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-archive-o" aria-hidden="true"></i>
                                <div class="icon-title">file-archive-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-audio-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-audio-o" aria-hidden="true"></i>
                                <div class="icon-title">file-audio-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-code-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-code-o" aria-hidden="true"></i>
                                <div class="icon-title">file-code-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-excel-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-excel-o" aria-hidden="true"></i>
                                <div class="icon-title">file-excel-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-image-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-image-o" aria-hidden="true"></i>
                                <div class="icon-title">file-image-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-movie-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-movie-o" aria-hidden="true"></i>
                                <div class="icon-title">file-movie-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-o" aria-hidden="true"></i>
                                <div class="icon-title">file-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-pdf-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-pdf-o" aria-hidden="true"></i>
                                <div class="icon-title">file-pdf-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-photo-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-photo-o" aria-hidden="true"></i>
                                <div class="icon-title">file-photo-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-picture-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-picture-o" aria-hidden="true"></i>
                                <div class="icon-title">file-picture-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-powerpoint-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-powerpoint-o" aria-hidden="true"></i>
                                <div class="icon-title">file-powerpoint-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-sound-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-sound-o" aria-hidden="true"></i>
                                <div class="icon-title">file-sound-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-text">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-text" aria-hidden="true"></i>
                                <div class="icon-title">file-text</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-text-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-text-o" aria-hidden="true"></i>
                                <div class="icon-title">file-text-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-video-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-video-o" aria-hidden="true"></i>
                                <div class="icon-title">file-video-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-word-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-word-o" aria-hidden="true"></i>
                                <div class="icon-title">file-word-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-zip-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-zip-o" aria-hidden="true"></i>
                                <div class="icon-title">file-zip-o</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">旋转类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle-o-notch">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle-o-notch" aria-hidden="true"></i>
                                <div class="icon-title">circle-o-notch</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cog">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cog" aria-hidden="true"></i>
                                <div class="icon-title">cog</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gear">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gear" aria-hidden="true"></i>
                                <div class="icon-title">gear</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="refresh">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-refresh" aria-hidden="true"></i>
                                <div class="icon-title">refresh</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="spinner">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-spinner" aria-hidden="true"></i>
                                <div class="icon-title">spinner</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">表单控件类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-square" aria-hidden="true"></i>
                                <div class="icon-title">check-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="check-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-check-square-o" aria-hidden="true"></i>
                                <div class="icon-title">check-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle" aria-hidden="true"></i>
                                <div class="icon-title">circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dot-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dot-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">dot-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus-square" aria-hidden="true"></i>
                                <div class="icon-title">minus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="minus-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-minus-square-o" aria-hidden="true"></i>
                                <div class="icon-title">minus-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-square" aria-hidden="true"></i>
                                <div class="icon-title">plus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-square-o" aria-hidden="true"></i>
                                <div class="icon-title">plus-square-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-square" aria-hidden="true"></i>
                                <div class="icon-title">square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="square-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-square-o" aria-hidden="true"></i>
                                <div class="icon-title">square-o</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">网银支付类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-amex">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-amex" aria-hidden="true"></i>
                                <div class="icon-title">cc-amex</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-diners-club">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-diners-club" aria-hidden="true"></i>
                                <div class="icon-title">cc-diners-club</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-discover">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-discover" aria-hidden="true"></i>
                                <div class="icon-title">cc-discover</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-jcb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-jcb" aria-hidden="true"></i>
                                <div class="icon-title">cc-jcb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-mastercard">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-mastercard" aria-hidden="true"></i>
                                <div class="icon-title">cc-mastercard</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-paypal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-paypal" aria-hidden="true"></i>
                                <div class="icon-title">cc-paypal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-stripe">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-stripe" aria-hidden="true"></i>
                                <div class="icon-title">cc-stripe</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-visa">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-visa" aria-hidden="true"></i>
                                <div class="icon-title">cc-visa</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="credit-card">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-credit-card" aria-hidden="true"></i>
                                <div class="icon-title">credit-card</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="credit-card-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-credit-card-alt" aria-hidden="true"></i>
                                <div class="icon-title">credit-card-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-wallet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-wallet" aria-hidden="true"></i>
                                <div class="icon-title">google-wallet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paypal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paypal" aria-hidden="true"></i>
                                <div class="icon-title">paypal</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">图表类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="area-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-area-chart" aria-hidden="true"></i>
                                <div class="icon-title">area-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bar-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bar-chart" aria-hidden="true"></i>
                                <div class="icon-title">bar-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bar-chart-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bar-chart-o" aria-hidden="true"></i>
                                <div class="icon-title">bar-chart-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="line-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-line-chart" aria-hidden="true"></i>
                                <div class="icon-title">line-chart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pie-chart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pie-chart" aria-hidden="true"></i>
                                <div class="icon-title">pie-chart</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">货币类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bitcoin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bitcoin" aria-hidden="true"></i>
                                <div class="icon-title">bitcoin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="btc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-btc" aria-hidden="true"></i>
                                <div class="icon-title">btc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cny">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cny" aria-hidden="true"></i>
                                <div class="icon-title">cny</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dollar">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dollar" aria-hidden="true"></i>
                                <div class="icon-title">dollar</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eur">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eur" aria-hidden="true"></i>
                                <div class="icon-title">eur</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="euro">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-euro" aria-hidden="true"></i>
                                <div class="icon-title">euro</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gbp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gbp" aria-hidden="true"></i>
                                <div class="icon-title">gbp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gg">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gg" aria-hidden="true"></i>
                                <div class="icon-title">gg</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gg-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gg-circle" aria-hidden="true"></i>
                                <div class="icon-title">gg-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ils">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ils" aria-hidden="true"></i>
                                <div class="icon-title">ils</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="inr">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-inr" aria-hidden="true"></i>
                                <div class="icon-title">inr</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="jpy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-jpy" aria-hidden="true"></i>
                                <div class="icon-title">jpy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="krw">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-krw" aria-hidden="true"></i>
                                <div class="icon-title">krw</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="money">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-money" aria-hidden="true"></i>
                                <div class="icon-title">money</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rmb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rmb" aria-hidden="true"></i>
                                <div class="icon-title">rmb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rouble">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rouble" aria-hidden="true"></i>
                                <div class="icon-title">rouble</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rub">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rub" aria-hidden="true"></i>
                                <div class="icon-title">rub</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ruble">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ruble" aria-hidden="true"></i>
                                <div class="icon-title">ruble</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rupee">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rupee" aria-hidden="true"></i>
                                <div class="icon-title">rupee</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shekel">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shekel" aria-hidden="true"></i>
                                <div class="icon-title">shekel</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sheqel">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sheqel" aria-hidden="true"></i>
                                <div class="icon-title">sheqel</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="try">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-try" aria-hidden="true"></i>
                                <div class="icon-title">try</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="turkish-lira">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-turkish-lira" aria-hidden="true"></i>
                                <div class="icon-title">turkish-lira</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="usd">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-usd" aria-hidden="true"></i>
                                <div class="icon-title">usd</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="won">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-won" aria-hidden="true"></i>
                                <div class="icon-title">won</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yen">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yen" aria-hidden="true"></i>
                                <div class="icon-title">yen</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">文本编辑器图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="align-center">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-align-center" aria-hidden="true"></i>
                                <div class="icon-title">align-center</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="align-justify">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-align-justify" aria-hidden="true"></i>
                                <div class="icon-title">align-justify</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="align-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-align-left" aria-hidden="true"></i>
                                <div class="icon-title">align-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="align-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-align-right" aria-hidden="true"></i>
                                <div class="icon-title">align-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bold">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bold" aria-hidden="true"></i>
                                <div class="icon-title">bold</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chain">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chain" aria-hidden="true"></i>
                                <div class="icon-title">chain</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chain-broken">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chain-broken" aria-hidden="true"></i>
                                <div class="icon-title">chain-broken</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="clipboard">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-clipboard" aria-hidden="true"></i>
                                <div class="icon-title">clipboard</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="columns">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-columns" aria-hidden="true"></i>
                                <div class="icon-title">columns</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="copy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-copy" aria-hidden="true"></i>
                                <div class="icon-title">copy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cut">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cut" aria-hidden="true"></i>
                                <div class="icon-title">cut</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dedent">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dedent" aria-hidden="true"></i>
                                <div class="icon-title">dedent</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eraser">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eraser" aria-hidden="true"></i>
                                <div class="icon-title">eraser</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file" aria-hidden="true"></i>
                                <div class="icon-title">file</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-o" aria-hidden="true"></i>
                                <div class="icon-title">file-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-text">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-text" aria-hidden="true"></i>
                                <div class="icon-title">file-text</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="file-text-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-file-text-o" aria-hidden="true"></i>
                                <div class="icon-title">file-text-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="files-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-files-o" aria-hidden="true"></i>
                                <div class="icon-title">files-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="floppy-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-floppy-o" aria-hidden="true"></i>
                                <div class="icon-title">floppy-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="font">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-font" aria-hidden="true"></i>
                                <div class="icon-title">font</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="header">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-header" aria-hidden="true"></i>
                                <div class="icon-title">header</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="indent">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-indent" aria-hidden="true"></i>
                                <div class="icon-title">indent</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="italic">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-italic" aria-hidden="true"></i>
                                <div class="icon-title">italic</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="link">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-link" aria-hidden="true"></i>
                                <div class="icon-title">link</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="list">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-list" aria-hidden="true"></i>
                                <div class="icon-title">list</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="list-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-list-alt" aria-hidden="true"></i>
                                <div class="icon-title">list-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="list-ol">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-list-ol" aria-hidden="true"></i>
                                <div class="icon-title">list-ol</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="list-ul">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-list-ul" aria-hidden="true"></i>
                                <div class="icon-title">list-ul</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="outdent">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-outdent" aria-hidden="true"></i>
                                <div class="icon-title">outdent</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paperclip">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paperclip" aria-hidden="true"></i>
                                <div class="icon-title">paperclip</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paragraph">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paragraph" aria-hidden="true"></i>
                                <div class="icon-title">paragraph</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paste">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paste" aria-hidden="true"></i>
                                <div class="icon-title">paste</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="repeat">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-repeat" aria-hidden="true"></i>
                                <div class="icon-title">repeat</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rotate-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rotate-left" aria-hidden="true"></i>
                                <div class="icon-title">rotate-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rotate-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rotate-right" aria-hidden="true"></i>
                                <div class="icon-title">rotate-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="save">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-save" aria-hidden="true"></i>
                                <div class="icon-title">save</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="scissors">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-scissors" aria-hidden="true"></i>
                                <div class="icon-title">scissors</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="strikethrough">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-strikethrough" aria-hidden="true"></i>
                                <div class="icon-title">strikethrough</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="subscript">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-subscript" aria-hidden="true"></i>
                                <div class="icon-title">subscript</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="superscript">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-superscript" aria-hidden="true"></i>
                                <div class="icon-title">superscript</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="table">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-table" aria-hidden="true"></i>
                                <div class="icon-title">table</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="text-height">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-text-height" aria-hidden="true"></i>
                                <div class="icon-title">text-height</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="text-width">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-text-width" aria-hidden="true"></i>
                                <div class="icon-title">text-width</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="th">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-th" aria-hidden="true"></i>
                                <div class="icon-title">th</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="th-large">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-th-large" aria-hidden="true"></i>
                                <div class="icon-title">th-large</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="th-list">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-th-list" aria-hidden="true"></i>
                                <div class="icon-title">th-list</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="underline">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-underline" aria-hidden="true"></i>
                                <div class="icon-title">underline</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="undo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-undo" aria-hidden="true"></i>
                                <div class="icon-title">undo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="unlink">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-unlink" aria-hidden="true"></i>
                                <div class="icon-title">unlink</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">方向箭头图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-double-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-double-down" aria-hidden="true"></i>
                                <div class="icon-title">angle-double-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-double-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-double-left" aria-hidden="true"></i>
                                <div class="icon-title">angle-double-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-double-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-double-right" aria-hidden="true"></i>
                                <div class="icon-title">angle-double-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-double-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-double-up" aria-hidden="true"></i>
                                <div class="icon-title">angle-double-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-down" aria-hidden="true"></i>
                                <div class="icon-title">angle-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-left" aria-hidden="true"></i>
                                <div class="icon-title">angle-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-right" aria-hidden="true"></i>
                                <div class="icon-title">angle-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angle-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angle-up" aria-hidden="true"></i>
                                <div class="icon-title">angle-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-down" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-left" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-o-down" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-o-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-o-left" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-o-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-o-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-o-right" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-o-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-o-up" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-right" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-circle-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-circle-up" aria-hidden="true"></i>
                                <div class="icon-title">arrow-circle-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-down" aria-hidden="true"></i>
                                <div class="icon-title">arrow-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-left" aria-hidden="true"></i>
                                <div class="icon-title">arrow-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-right" aria-hidden="true"></i>
                                <div class="icon-title">arrow-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrow-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrow-up" aria-hidden="true"></i>
                                <div class="icon-title">arrow-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows" aria-hidden="true"></i>
                                <div class="icon-title">arrows</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-alt" aria-hidden="true"></i>
                                <div class="icon-title">arrows-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-h">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-h" aria-hidden="true"></i>
                                <div class="icon-title">arrows-h</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-v">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-v" aria-hidden="true"></i>
                                <div class="icon-title">arrows-v</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-down" aria-hidden="true"></i>
                                <div class="icon-title">caret-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-left" aria-hidden="true"></i>
                                <div class="icon-title">caret-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-right" aria-hidden="true"></i>
                                <div class="icon-title">caret-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-down" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-left" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-right" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-square-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-square-o-up" aria-hidden="true"></i>
                                <div class="icon-title">caret-square-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="caret-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-caret-up" aria-hidden="true"></i>
                                <div class="icon-title">caret-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-circle-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-circle-down" aria-hidden="true"></i>
                                <div class="icon-title">chevron-circle-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-circle-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-circle-left" aria-hidden="true"></i>
                                <div class="icon-title">chevron-circle-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-circle-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-circle-right" aria-hidden="true"></i>
                                <div class="icon-title">chevron-circle-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-circle-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-circle-up" aria-hidden="true"></i>
                                <div class="icon-title">chevron-circle-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-down" aria-hidden="true"></i>
                                <div class="icon-title">chevron-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-left" aria-hidden="true"></i>
                                <div class="icon-title">chevron-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-right" aria-hidden="true"></i>
                                <div class="icon-title">chevron-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chevron-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chevron-up" aria-hidden="true"></i>
                                <div class="icon-title">chevron-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="exchange">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-exchange" aria-hidden="true"></i>
                                <div class="icon-title">exchange</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-down" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-left" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-right" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hand-o-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hand-o-up" aria-hidden="true"></i>
                                <div class="icon-title">hand-o-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="long-arrow-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-long-arrow-down" aria-hidden="true"></i>
                                <div class="icon-title">long-arrow-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="long-arrow-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-long-arrow-left" aria-hidden="true"></i>
                                <div class="icon-title">long-arrow-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="long-arrow-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-long-arrow-right" aria-hidden="true"></i>
                                <div class="icon-title">long-arrow-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="long-arrow-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-long-arrow-up" aria-hidden="true"></i>
                                <div class="icon-title">long-arrow-up</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-down">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-down" aria-hidden="true"></i>
                                <div class="icon-title">toggle-down</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-left">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-left" aria-hidden="true"></i>
                                <div class="icon-title">toggle-left</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-right">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-right" aria-hidden="true"></i>
                                <div class="icon-title">toggle-right</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="toggle-up">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-toggle-up" aria-hidden="true"></i>
                                <div class="icon-title">toggle-up</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">视频播放器图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="arrows-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-arrows-alt" aria-hidden="true"></i>
                                <div class="icon-title">arrows-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="backward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-backward" aria-hidden="true"></i>
                                <div class="icon-title">backward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="compress">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-compress" aria-hidden="true"></i>
                                <div class="icon-title">compress</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eject">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eject" aria-hidden="true"></i>
                                <div class="icon-title">eject</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="expand">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-expand" aria-hidden="true"></i>
                                <div class="icon-title">expand</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fast-backward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fast-backward" aria-hidden="true"></i>
                                <div class="icon-title">fast-backward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fast-forward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fast-forward" aria-hidden="true"></i>
                                <div class="icon-title">fast-forward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="forward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-forward" aria-hidden="true"></i>
                                <div class="icon-title">forward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pause">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pause" aria-hidden="true"></i>
                                <div class="icon-title">pause</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pause-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pause-circle" aria-hidden="true"></i>
                                <div class="icon-title">pause-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pause-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pause-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">pause-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="play">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-play" aria-hidden="true"></i>
                                <div class="icon-title">play</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="play-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-play-circle" aria-hidden="true"></i>
                                <div class="icon-title">play-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="play-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-play-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">play-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="random">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-random" aria-hidden="true"></i>
                                <div class="icon-title">random</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="step-backward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-step-backward" aria-hidden="true"></i>
                                <div class="icon-title">step-backward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="step-forward">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-step-forward" aria-hidden="true"></i>
                                <div class="icon-title">step-forward</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stop">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stop" aria-hidden="true"></i>
                                <div class="icon-title">stop</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stop-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stop-circle" aria-hidden="true"></i>
                                <div class="icon-title">stop-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stop-circle-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stop-circle-o" aria-hidden="true"></i>
                                <div class="icon-title">stop-circle-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="youtube-play">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-youtube-play" aria-hidden="true"></i>
                                <div class="icon-title">youtube-play</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">品牌类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="500px">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-500px" aria-hidden="true"></i>
                                <div class="icon-title">500px</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="adn">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-adn" aria-hidden="true"></i>
                                <div class="icon-title">adn</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="amazon">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-amazon" aria-hidden="true"></i>
                                <div class="icon-title">amazon</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="android">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-android" aria-hidden="true"></i>
                                <div class="icon-title">android</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="angellist">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-angellist" aria-hidden="true"></i>
                                <div class="icon-title">angellist</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="apple">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-apple" aria-hidden="true"></i>
                                <div class="icon-title">apple</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bandcamp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bandcamp" aria-hidden="true"></i>
                                <div class="icon-title">bandcamp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="behance">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-behance" aria-hidden="true"></i>
                                <div class="icon-title">behance</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="behance-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-behance-square" aria-hidden="true"></i>
                                <div class="icon-title">behance-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bitbucket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bitbucket" aria-hidden="true"></i>
                                <div class="icon-title">bitbucket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bitbucket-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bitbucket-square" aria-hidden="true"></i>
                                <div class="icon-title">bitbucket-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bitcoin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bitcoin" aria-hidden="true"></i>
                                <div class="icon-title">bitcoin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="black-tie">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-black-tie" aria-hidden="true"></i>
                                <div class="icon-title">black-tie</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bluetooth">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bluetooth" aria-hidden="true"></i>
                                <div class="icon-title">bluetooth</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="bluetooth-b">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-bluetooth-b" aria-hidden="true"></i>
                                <div class="icon-title">bluetooth-b</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="btc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-btc" aria-hidden="true"></i>
                                <div class="icon-title">btc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="buysellads">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-buysellads" aria-hidden="true"></i>
                                <div class="icon-title">buysellads</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-amex">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-amex" aria-hidden="true"></i>
                                <div class="icon-title">cc-amex</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-diners-club">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-diners-club" aria-hidden="true"></i>
                                <div class="icon-title">cc-diners-club</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-discover">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-discover" aria-hidden="true"></i>
                                <div class="icon-title">cc-discover</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-jcb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-jcb" aria-hidden="true"></i>
                                <div class="icon-title">cc-jcb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-mastercard">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-mastercard" aria-hidden="true"></i>
                                <div class="icon-title">cc-mastercard</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-paypal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-paypal" aria-hidden="true"></i>
                                <div class="icon-title">cc-paypal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-stripe">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-stripe" aria-hidden="true"></i>
                                <div class="icon-title">cc-stripe</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="cc-visa">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-cc-visa" aria-hidden="true"></i>
                                <div class="icon-title">cc-visa</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="chrome">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-chrome" aria-hidden="true"></i>
                                <div class="icon-title">chrome</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="codepen">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-codepen" aria-hidden="true"></i>
                                <div class="icon-title">codepen</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="codiepie">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-codiepie" aria-hidden="true"></i>
                                <div class="icon-title">codiepie</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="connectdevelop">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-connectdevelop" aria-hidden="true"></i>
                                <div class="icon-title">connectdevelop</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="contao">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-contao" aria-hidden="true"></i>
                                <div class="icon-title">contao</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="css3">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-css3" aria-hidden="true"></i>
                                <div class="icon-title">css3</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dashcube">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dashcube" aria-hidden="true"></i>
                                <div class="icon-title">dashcube</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="delicious">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-delicious" aria-hidden="true"></i>
                                <div class="icon-title">delicious</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="deviantart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-deviantart" aria-hidden="true"></i>
                                <div class="icon-title">deviantart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="digg">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-digg" aria-hidden="true"></i>
                                <div class="icon-title">digg</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dribbble">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dribbble" aria-hidden="true"></i>
                                <div class="icon-title">dribbble</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="dropbox">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-dropbox" aria-hidden="true"></i>
                                <div class="icon-title">dropbox</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="drupal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-drupal" aria-hidden="true"></i>
                                <div class="icon-title">drupal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="edge">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-edge" aria-hidden="true"></i>
                                <div class="icon-title">edge</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="eercast">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-eercast" aria-hidden="true"></i>
                                <div class="icon-title">eercast</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="empire">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-empire" aria-hidden="true"></i>
                                <div class="icon-title">empire</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="envira">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-envira" aria-hidden="true"></i>
                                <div class="icon-title">envira</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="etsy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-etsy" aria-hidden="true"></i>
                                <div class="icon-title">etsy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="expeditedssl">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-expeditedssl" aria-hidden="true"></i>
                                <div class="icon-title">expeditedssl</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fa">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fa" aria-hidden="true"></i>
                                <div class="icon-title">fa</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="facebook">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-facebook" aria-hidden="true"></i>
                                <div class="icon-title">facebook</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="facebook-f">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-facebook-f" aria-hidden="true"></i>
                                <div class="icon-title">facebook-f</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="facebook-official">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-facebook-official" aria-hidden="true"></i>
                                <div class="icon-title">facebook-official</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="facebook-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-facebook-square" aria-hidden="true"></i>
                                <div class="icon-title">facebook-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="firefox">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-firefox" aria-hidden="true"></i>
                                <div class="icon-title">firefox</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="first-order">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-first-order" aria-hidden="true"></i>
                                <div class="icon-title">first-order</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="flickr">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-flickr" aria-hidden="true"></i>
                                <div class="icon-title">flickr</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="font-awesome">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-font-awesome" aria-hidden="true"></i>
                                <div class="icon-title">font-awesome</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fonticons">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fonticons" aria-hidden="true"></i>
                                <div class="icon-title">fonticons</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="fort-awesome">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-fort-awesome" aria-hidden="true"></i>
                                <div class="icon-title">fort-awesome</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="forumbee">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-forumbee" aria-hidden="true"></i>
                                <div class="icon-title">forumbee</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="foursquare">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-foursquare" aria-hidden="true"></i>
                                <div class="icon-title">foursquare</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="free-code-camp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-free-code-camp" aria-hidden="true"></i>
                                <div class="icon-title">free-code-camp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ge">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ge" aria-hidden="true"></i>
                                <div class="icon-title">ge</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="get-pocket">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-get-pocket" aria-hidden="true"></i>
                                <div class="icon-title">get-pocket</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gg">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gg" aria-hidden="true"></i>
                                <div class="icon-title">gg</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gg-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gg-circle" aria-hidden="true"></i>
                                <div class="icon-title">gg-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="git">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-git" aria-hidden="true"></i>
                                <div class="icon-title">git</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="git-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-git-square" aria-hidden="true"></i>
                                <div class="icon-title">git-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="github">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-github" aria-hidden="true"></i>
                                <div class="icon-title">github</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="github-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-github-alt" aria-hidden="true"></i>
                                <div class="icon-title">github-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="github-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-github-square" aria-hidden="true"></i>
                                <div class="icon-title">github-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gitlab">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gitlab" aria-hidden="true"></i>
                                <div class="icon-title">gitlab</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gittip">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gittip" aria-hidden="true"></i>
                                <div class="icon-title">gittip</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="glide">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-glide" aria-hidden="true"></i>
                                <div class="icon-title">glide</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="glide-g">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-glide-g" aria-hidden="true"></i>
                                <div class="icon-title">glide-g</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google" aria-hidden="true"></i>
                                <div class="icon-title">google</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-plus">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-plus" aria-hidden="true"></i>
                                <div class="icon-title">google-plus</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-plus-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-plus-circle" aria-hidden="true"></i>
                                <div class="icon-title">google-plus-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-plus-official">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-plus-official" aria-hidden="true"></i>
                                <div class="icon-title">google-plus-official</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-plus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-plus-square" aria-hidden="true"></i>
                                <div class="icon-title">google-plus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="google-wallet">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-google-wallet" aria-hidden="true"></i>
                                <div class="icon-title">google-wallet</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="gratipay">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-gratipay" aria-hidden="true"></i>
                                <div class="icon-title">gratipay</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="grav">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-grav" aria-hidden="true"></i>
                                <div class="icon-title">grav</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hacker-news">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hacker-news" aria-hidden="true"></i>
                                <div class="icon-title">hacker-news</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="houzz">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-houzz" aria-hidden="true"></i>
                                <div class="icon-title">houzz</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="html5">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-html5" aria-hidden="true"></i>
                                <div class="icon-title">html5</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="imdb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-imdb" aria-hidden="true"></i>
                                <div class="icon-title">imdb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="instagram">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-instagram" aria-hidden="true"></i>
                                <div class="icon-title">instagram</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="internet-explorer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-internet-explorer" aria-hidden="true"></i>
                                <div class="icon-title">internet-explorer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ioxhost">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ioxhost" aria-hidden="true"></i>
                                <div class="icon-title">ioxhost</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="joomla">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-joomla" aria-hidden="true"></i>
                                <div class="icon-title">joomla</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="jsfiddle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-jsfiddle" aria-hidden="true"></i>
                                <div class="icon-title">jsfiddle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="lastfm">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-lastfm" aria-hidden="true"></i>
                                <div class="icon-title">lastfm</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="lastfm-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-lastfm-square" aria-hidden="true"></i>
                                <div class="icon-title">lastfm-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="leanpub">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-leanpub" aria-hidden="true"></i>
                                <div class="icon-title">leanpub</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="linkedin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-linkedin" aria-hidden="true"></i>
                                <div class="icon-title">linkedin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="linkedin-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-linkedin-square" aria-hidden="true"></i>
                                <div class="icon-title">linkedin-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="linode">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-linode" aria-hidden="true"></i>
                                <div class="icon-title">linode</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="linux">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-linux" aria-hidden="true"></i>
                                <div class="icon-title">linux</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="maxcdn">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-maxcdn" aria-hidden="true"></i>
                                <div class="icon-title">maxcdn</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="meanpath">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-meanpath" aria-hidden="true"></i>
                                <div class="icon-title">meanpath</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="medium">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-medium" aria-hidden="true"></i>
                                <div class="icon-title">medium</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="meetup">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-meetup" aria-hidden="true"></i>
                                <div class="icon-title">meetup</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="mixcloud">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-mixcloud" aria-hidden="true"></i>
                                <div class="icon-title">mixcloud</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="modx">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-modx" aria-hidden="true"></i>
                                <div class="icon-title">modx</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="odnoklassniki">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-odnoklassniki" aria-hidden="true"></i>
                                <div class="icon-title">odnoklassniki</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="odnoklassniki-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-odnoklassniki-square" aria-hidden="true"></i>
                                <div class="icon-title">odnoklassniki-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="opencart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-opencart" aria-hidden="true"></i>
                                <div class="icon-title">opencart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="openid">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-openid" aria-hidden="true"></i>
                                <div class="icon-title">openid</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="opera">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-opera" aria-hidden="true"></i>
                                <div class="icon-title">opera</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="optin-monster">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-optin-monster" aria-hidden="true"></i>
                                <div class="icon-title">optin-monster</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pagelines">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pagelines" aria-hidden="true"></i>
                                <div class="icon-title">pagelines</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="paypal">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-paypal" aria-hidden="true"></i>
                                <div class="icon-title">paypal</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pied-piper">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pied-piper" aria-hidden="true"></i>
                                <div class="icon-title">pied-piper</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pied-piper-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pied-piper-alt" aria-hidden="true"></i>
                                <div class="icon-title">pied-piper-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pied-piper-pp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pied-piper-pp" aria-hidden="true"></i>
                                <div class="icon-title">pied-piper-pp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pinterest">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pinterest" aria-hidden="true"></i>
                                <div class="icon-title">pinterest</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pinterest-p">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pinterest-p" aria-hidden="true"></i>
                                <div class="icon-title">pinterest-p</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="pinterest-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-pinterest-square" aria-hidden="true"></i>
                                <div class="icon-title">pinterest-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="product-hunt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-product-hunt" aria-hidden="true"></i>
                                <div class="icon-title">product-hunt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="qq">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-qq" aria-hidden="true"></i>
                                <div class="icon-title">qq</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="quora">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-quora" aria-hidden="true"></i>
                                <div class="icon-title">quora</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ra">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ra" aria-hidden="true"></i>
                                <div class="icon-title">ra</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ravelry">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ravelry" aria-hidden="true"></i>
                                <div class="icon-title">ravelry</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="rebel">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-rebel" aria-hidden="true"></i>
                                <div class="icon-title">rebel</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reddit">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reddit" aria-hidden="true"></i>
                                <div class="icon-title">reddit</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reddit-alien">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reddit-alien" aria-hidden="true"></i>
                                <div class="icon-title">reddit-alien</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="reddit-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-reddit-square" aria-hidden="true"></i>
                                <div class="icon-title">reddit-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="renren">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-renren" aria-hidden="true"></i>
                                <div class="icon-title">renren</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="resistance">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-resistance" aria-hidden="true"></i>
                                <div class="icon-title">resistance</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="safari">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-safari" aria-hidden="true"></i>
                                <div class="icon-title">safari</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="scribd">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-scribd" aria-hidden="true"></i>
                                <div class="icon-title">scribd</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="sellsy">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-sellsy" aria-hidden="true"></i>
                                <div class="icon-title">sellsy</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-alt" aria-hidden="true"></i>
                                <div class="icon-title">share-alt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="share-alt-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-share-alt-square" aria-hidden="true"></i>
                                <div class="icon-title">share-alt-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="shirtsinbulk">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-shirtsinbulk" aria-hidden="true"></i>
                                <div class="icon-title">shirtsinbulk</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="simplybuilt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-simplybuilt" aria-hidden="true"></i>
                                <div class="icon-title">simplybuilt</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="skyatlas">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-skyatlas" aria-hidden="true"></i>
                                <div class="icon-title">skyatlas</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="skype">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-skype" aria-hidden="true"></i>
                                <div class="icon-title">skype</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="slack">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-slack" aria-hidden="true"></i>
                                <div class="icon-title">slack</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="slideshare">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-slideshare" aria-hidden="true"></i>
                                <div class="icon-title">slideshare</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="snapchat">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-snapchat" aria-hidden="true"></i>
                                <div class="icon-title">snapchat</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="snapchat-ghost">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-snapchat-ghost" aria-hidden="true"></i>
                                <div class="icon-title">snapchat-ghost</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="snapchat-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-snapchat-square" aria-hidden="true"></i>
                                <div class="icon-title">snapchat-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="soundcloud">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-soundcloud" aria-hidden="true"></i>
                                <div class="icon-title">soundcloud</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="spotify">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-spotify" aria-hidden="true"></i>
                                <div class="icon-title">spotify</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stack-exchange">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stack-exchange" aria-hidden="true"></i>
                                <div class="icon-title">stack-exchange</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stack-overflow">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stack-overflow" aria-hidden="true"></i>
                                <div class="icon-title">stack-overflow</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="steam">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-steam" aria-hidden="true"></i>
                                <div class="icon-title">steam</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="steam-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-steam-square" aria-hidden="true"></i>
                                <div class="icon-title">steam-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stumbleupon">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stumbleupon" aria-hidden="true"></i>
                                <div class="icon-title">stumbleupon</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stumbleupon-circle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stumbleupon-circle" aria-hidden="true"></i>
                                <div class="icon-title">stumbleupon-circle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="superpowers">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-superpowers" aria-hidden="true"></i>
                                <div class="icon-title">superpowers</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="telegram">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-telegram" aria-hidden="true"></i>
                                <div class="icon-title">telegram</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tencent-weibo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tencent-weibo" aria-hidden="true"></i>
                                <div class="icon-title">tencent-weibo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="themeisle">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-themeisle" aria-hidden="true"></i>
                                <div class="icon-title">themeisle</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="trello">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-trello" aria-hidden="true"></i>
                                <div class="icon-title">trello</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tripadvisor">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tripadvisor" aria-hidden="true"></i>
                                <div class="icon-title">tripadvisor</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tumblr">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tumblr" aria-hidden="true"></i>
                                <div class="icon-title">tumblr</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="tumblr-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-tumblr-square" aria-hidden="true"></i>
                                <div class="icon-title">tumblr-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="twitch">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-twitch" aria-hidden="true"></i>
                                <div class="icon-title">twitch</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="twitter">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-twitter" aria-hidden="true"></i>
                                <div class="icon-title">twitter</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="twitter-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-twitter-square" aria-hidden="true"></i>
                                <div class="icon-title">twitter-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="usb">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-usb" aria-hidden="true"></i>
                                <div class="icon-title">usb</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="viacoin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-viacoin" aria-hidden="true"></i>
                                <div class="icon-title">viacoin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="viadeo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-viadeo" aria-hidden="true"></i>
                                <div class="icon-title">viadeo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="viadeo-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-viadeo-square" aria-hidden="true"></i>
                                <div class="icon-title">viadeo-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vimeo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vimeo" aria-hidden="true"></i>
                                <div class="icon-title">vimeo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vimeo-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vimeo-square" aria-hidden="true"></i>
                                <div class="icon-title">vimeo-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vine">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vine" aria-hidden="true"></i>
                                <div class="icon-title">vine</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="vk">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-vk" aria-hidden="true"></i>
                                <div class="icon-title">vk</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wechat">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wechat" aria-hidden="true"></i>
                                <div class="icon-title">wechat</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="weibo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-weibo" aria-hidden="true"></i>
                                <div class="icon-title">weibo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="weixin">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-weixin" aria-hidden="true"></i>
                                <div class="icon-title">weixin</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="whatsapp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-whatsapp" aria-hidden="true"></i>
                                <div class="icon-title">whatsapp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wikipedia-w">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wikipedia-w" aria-hidden="true"></i>
                                <div class="icon-title">wikipedia-w</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="windows">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-windows" aria-hidden="true"></i>
                                <div class="icon-title">windows</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wordpress">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wordpress" aria-hidden="true"></i>
                                <div class="icon-title">wordpress</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wpbeginner">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wpbeginner" aria-hidden="true"></i>
                                <div class="icon-title">wpbeginner</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wpexplorer">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wpexplorer" aria-hidden="true"></i>
                                <div class="icon-title">wpexplorer</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wpforms">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wpforms" aria-hidden="true"></i>
                                <div class="icon-title">wpforms</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="xing">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-xing" aria-hidden="true"></i>
                                <div class="icon-title">xing</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="xing-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-xing-square" aria-hidden="true"></i>
                                <div class="icon-title">xing-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="y-combinator">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-y-combinator" aria-hidden="true"></i>
                                <div class="icon-title">y-combinator</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="y-combinator-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-y-combinator-square" aria-hidden="true"></i>
                                <div class="icon-title">y-combinator-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yahoo">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yahoo" aria-hidden="true"></i>
                                <div class="icon-title">yahoo</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yc">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yc" aria-hidden="true"></i>
                                <div class="icon-title">yc</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yc-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yc-square" aria-hidden="true"></i>
                                <div class="icon-title">yc-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yelp">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yelp" aria-hidden="true"></i>
                                <div class="icon-title">yelp</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="yoast">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-yoast" aria-hidden="true"></i>
                                <div class="icon-title">yoast</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="youtube">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-youtube" aria-hidden="true"></i>
                                <div class="icon-title">youtube</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="youtube-play">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-youtube-play" aria-hidden="true"></i>
                                <div class="icon-title">youtube-play</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="youtube-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-youtube-square" aria-hidden="true"></i>
                                <div class="icon-title">youtube-square</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">医疗类图标</h3>
                </div>
                <div class="panel-body container-fluid">
                    <div class="row">
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="ambulance">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-ambulance" aria-hidden="true"></i>
                                <div class="icon-title">ambulance</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="h-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-h-square" aria-hidden="true"></i>
                                <div class="icon-title">h-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heart">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heart" aria-hidden="true"></i>
                                <div class="icon-title">heart</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heart-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heart-o" aria-hidden="true"></i>
                                <div class="icon-title">heart-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="heartbeat">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-heartbeat" aria-hidden="true"></i>
                                <div class="icon-title">heartbeat</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="hospital-o">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-hospital-o" aria-hidden="true"></i>
                                <div class="icon-title">hospital-o</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="medkit">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-medkit" aria-hidden="true"></i>
                                <div class="icon-title">medkit</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="plus-square">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-plus-square" aria-hidden="true"></i>
                                <div class="icon-title">plus-square</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="stethoscope">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-stethoscope" aria-hidden="true"></i>
                                <div class="icon-title">stethoscope</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="user-md">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-user-md" aria-hidden="true"></i>
                                <div class="icon-title">user-md</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair</div>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-2 col-md-3 col-4 icondemo-wrap vertical-align" data-name="wheelchair-alt">
                            <div class="icondemo vertical-align-middle">
                                <i class="icon fa-wheelchair-alt" aria-hidden="true"></i>
                                <div class="icon-title">wheelchair-alt</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>